<?php 

require_once 'i_global.php';
require_once 'func_act_edit.php';

require_once 'p_header.php';
?>
          <div class="span10">
            <h2>User123 <small>Newbie</span> <span class="label warning">FEATURED MICRO HEROES</span></h2>

            
            <div class="span9">
                <div class="row">
                    <div class="span2">
                        <img class="thumbnail" src="_IMG/person1.jpg" alt="">
                        <p>
                            <blockquote>
                                <p>Play hard. Do good</p>
                                <small>User123</small>
                            </blockquote>
                        </p>
                    </div>
                    
                    <div class="span7">
                    
                        <div class="row">
                        
                            <div class="span2">
                                <h4>ONGOING</h4>
                                <h1>3</h1>
                            </div>
                            
                            <div class="span2">
                                <h4>POINTS</h4>
                                <h1>427</h1>
                            </div>
                            
                            <div class="span2">
                                <h4>$RAISED</h4>
                                <h1>$4.5</h1>
                            </div>
                            
                            <div class="span6">
                                <h4>BADGES <small><a href="#">more...</a></small></h4>
                                <ul class="media-grid">
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge01.png" width='60' alt="">
                                    </a>
                                  </li>
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge02.png" width='60' alt="">
                                    </a>
                                  </li>
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge03.png" width='60' alt="">
                                    </a>
                                  </li>
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge04.png" width='60' alt="">
                                    </a>
                                  </li>  
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge05.png" width='60' alt="">
                                    </a>
                                  </li>  
                                  <li>
                                    <a href="#">
                                      <img class="thumbnail" src="_IMG/badge01.png" width='60' alt="">
                                    </a>
                                  </li>                                    
                                </ul>     

                            </div>
                                   
                        </div>
                        
                        
                        
                    </div>
                </div>
            </div>

            <h3>Recently Completed Activity <small><a href="#">more...</a></small></h3>
            <div class="span9">
                <div class="row">
                    <div class="span7">
                        <h4>Greet a Stranger <small>at Orchard St.</small></h4>
                        <p>"So exciting... i meet this.."<a href="#">Read More</a> <br/><small>50 minutes ago</small>
                        </p>
                    </div>
                    <div >
                        <button class="btn primary">I'll Do This</button>
                    </div>
                </div>
                
                <div class="row">
                    <div class="span7">
                        <h4>Post AIDS Awareness Message <span class="label success">sponsored</span></h4>
                        <p>"simple! All of you shoudl do it..."<a href="#">Read More</a> <br/><small>2 days ago</small>
                        </p>
                    </div>
                    <div >
                        <button class="btn success">I've Done This</button>
                    </div>
                </div>   

                <div class="row">
                    <div class="span7">
                        
                    </div>
                    <div >
                           &nbsp; 
                    </div>
                </div>   
                
            </div>
            

            <div class="span9">
            &nbsp; 
            </div>
            
            <div class="pagination " >
              <ul>
                <li class="prev disabled"><a href="#">&larr; Previous</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li class="next"><a href="#">Next &rarr;</a></li>
              </ul>
            </div>

            
            
          </div>
            <div class="span4">
                <div class="sidebar">
                
                

                    <div class="well"> 
                    
       
                        <h5>Your Score</h5>
                        <ul>
                            <li>GP: 340</li>
                            <li>$$: 34</li>
                        </ul>                        
                                      
                        
                        <h5>Challenges</h5>
                        <ul>
                            <li><a href="#">Top Challenges</a></li>
                            <li><a href="#">Completed Challenges</a></li>
                            <li><a href="#">Achievements</a></li>
                            <li><a href="#">Link</a></li>
                        </ul>
                        
                        <h5>Badges</h5>
                            
                            <ul class="media-grid">
                              <li>
                                <a href="#">
                                  <img class="thumbnail" width="40" src="_IMG/badge01.png" alt="">
                                </a>
                              </li>
                              <li>
                                <a href="#">
                                  <img class="thumbnail" width="40" src="_IMG/badge02.png" alt="">
                                </a>
                              <li>
                                <a href="#">
                                  <img class="thumbnail" width="40" src="_IMG/badge03.png" alt="">
                                </a>
                              </li>
                              <li>
                                <a href="#">
                                  <img class="thumbnail" width="40" src="_IMG/badge04.png" alt="">
                                </a>
                              </li>                        
                            </ul>      
                            more...
                        
                        <h5>Leaderboard</h5>
                        <ul>
                            <li>Apek <img class="thumbnail" src="http://placehold.it/10x10" alt=""> 3450 <img class="thumbnail" src="http://placehold.it/10x10" alt="">  $56</li>
                            <li>Benny <img class="thumbnail" src="http://placehold.it/10x10" alt=""> 2300 <img class="thumbnail" src="http://placehold.it/10x10" alt="">  $56</li>                            
                            <li>Cathy <img class="thumbnail" src="http://placehold.it/10x10" alt=""> 1202 <img class="thumbnail" src="http://placehold.it/10x10" alt="">  $56</li>
                            <li>Drogba <img class="thumbnail" src="http://placehold.it/10x10" alt=""> 234 <img class="thumbnail" src="http://placehold.it/10x10" alt="">  $56</li>
                            
                        </ul>
                        
                        <h5>Settings</h5>
                        <ul>
                            <li><a href="#">Settings</a></li>
                            <li><a href="#">Log out</a></li>
                        </ul>
                    </div>                
                

                </div>

            </div>


<?php 
// require_once 'p_rightpanel.php';
require_once 'p_footer.php';

?>


